<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>zhurong manager</title>

    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="/static/plugins/fontawesome-free/css/all.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="/static/dist/css/adminlte.min.css">
</head>

<body class="hold-transition sidebar-mini">
<div class="wrapper">

    <div th:replace="/common/top::top"></div>

    <div th:replace="/common/leftMenu :: leftMenu">
    </div>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid"></div>
        </div>
        <!-- /.content -->
        <iframe frameborder="0" scrolling="no"
                style="width: 100%; height: 100%; overflow: visible; background: #fff;"
                id="mainFrame" name="mainFrame" src="/zhurong/rule/manager"></iframe>
    </div>

    <!-- Main Footer -->
    <div th:replace="/common/footer :: footer"></div>
</div>

<!-- jQuery -->
<script src="/static/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="/static/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="/static/dist/js/adminlte.min.js"></script>
<script>
    window.onerror = function () {
        return true;
    }

    $(function () {
        var headerH = 0;
        var h = $(window).height();
        $("#mainFrame").height((h - headerH) + "px");
    });
</script>
</script>
</body>
</html>
